<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪元素选择器</title>
    <style>
      /* 选中第一个字母 */
      p::first-letter {
        color: red;
      }

      /* 选中第一行的内容 选中第一行的内容 */
      p::first-line {
        color: green;
      }

      /* p元素中被鼠标选中的内容 */
      p::selection {
        background-color: green;
        color: orange;
      }

      /* 输入框的提示文字 */
      input::placeholder {
        color: skyblue;
      }

      /* 标签之后，标签内容之前 */
      span::before {
        content: "￥";
      }

      /* 标签内容之后 */
      span::after {
        content: ".00";
      }
    </style>
</head>
<body>
    <p>I am a Beauty </p>
    <input type="text" placeholder="请输入您的文字">
    <br>
    <span>199</span>
</body>
</html>